<template>
    <div>
          <div class="shitu">
           <div>
               <ul>
                   <li> 
                       <span>今年</span>
                   <strong> ￥{{Listdata[0].data.year}}</strong>   
                       </li>
                   <li> 
                       <span>总收入</span>
                       <strong>￥{{Listdata[0].data.total}}</strong>
                       </li>
                      
               </ul>
               <p>
                           同比增长{{Listdata[0].data.contrast}}
               </p>
           </div>
      </div>
      <div class="tongji">
          <p>
              <img src="../../assets/收入统计.png" alt="">收入统计
          </p>
          <ul>
              <li v-for="(item,index) in Listdata[0].data.list" :key="index">
                  <span>{{item.year}}年</span>
                  <span class="monny">￥{{item.income}}</span>
              </li>
          </ul>
      </div>
    </div>
</template>

<script>
export default {
    name:"Shourufenxi",
      props:["Listdata"],
    data () {
      
        return {

 
        }
    }
}
</script>
 
<style lang = "less" scoped>
     .shitu{
       font-size: .14rem;
       background: #fff;
       color: black;
          
        p{
        width: 1.5rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    background: #f4f6f7;
     margin-left: .3rem;
    }
       ul{
           display: flex;
           padding: .15rem 0;
           li{
               flex: 1;
               text-align: center;
            border-right: .01rem solid #efefef;
    text-align: center;
    display: flex;
    flex-flow: column;
    span{
            padding-top: .15rem;
    }
   
    strong{
            padding: .15rem 0;
            color: #ffcc33;
            font-size: .2rem;
    }
           }
       }
       
   }
   .tongji{
           font-size: .14rem;
           background: #fff;
           p{
             display: flex;
    align-items: center;
    height: .4rem;
    line-height: .4rem;
    padding: .3rem 0;
    margin-left: .2rem;
           }
           ul{
               li{
                   height: .5rem;
    line-height: .5rem;
    display: flex;
    justify-content: space-around;
    border-top: 1px dashed #f6f6f6;
    .monny{
        color: #ffe5a7;
    }
               }
           }
       }
</style>